<template>
	<view>
		<view class="gradeBox">
			<view class="d-flex f-column">
				<text class="white size28">账户余额</text>
				<view class="d-flex a-center white m-top20" @click="toUrl('/moneyPage/capital/myMoney')">
					<text class="size40">65010.21</text>
					<text class="h6 m-top4 m-left10">元</text>
				</view>
				<view class="d-flex a-center white m-top20">
					<text class="size28 m-right20">创业值：400</text>
					<text class="size28">绿色积分：6000</text>
				</view>
			</view>
			<view class="d-flex f-column j-sb">
				<view class="d-flex a-center">
					<view class="lists">复购</view>
					<view class="lists">充值</view>
					<view class="lists">提现</view>
				</view>
				<view class="repurchase">
					<u-switch v-model="isrepurchase" size="18" activeColor="#5ac725" inactiveColor="#e6e6e6"></u-switch>
					<text class="white h6 m-top4">自动复购</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "Accountinfo",
		data() {
			return {
				isrepurchase: true,
			};
		}
	}
</script>

<style lang="scss" scoped>
	.gradeBox {
		padding: 24rpx;
		display: flex;
		justify-content: space-between;


		.lists {
			padding: 0 16rpx;
			font-size: 28rpx;
			color: #fff;
			position: relative;
		}

		.lists:before {
			content: "";
			width: 1px;
			height: 20rpx;
			background-color: rgba(255, 255, 255, 0.8);
			position: absolute;
			right: 0;
			top: 50%;
			transform: translate(0, -50%);
		}

		.lists:last-child:before {
			display: none;
		}

		.repurchase {
			display: flex;
			flex-direction: column;
			align-items: end;
		}
	}
</style>